<template>
    <div class="layout-sidebar-container">

        <div class="logo">
            <!-- <img v-show="!sidebar" :src="maxLogo" key="max-logo" />
            <img v-show="sidebar" :src="minLogo" key="min-logo" /> -->
        </div>

        <sidebar-menu :menus="menus"></sidebar-menu>

    </div>
</template>

<script>
import { mapGetters } from "vuex";
import SidebarMenu from "./layout-sidebar-menu";
import maxLogo from "@/assets/images/logo-200x60.png";
import minLogo from "@/assets/images/logo-50x60.png";
export default {
    name: "Sidebar",
    components: {
        SidebarMenu
    },
    computed: {
        ...mapGetters(["menus", "sidebar"])
    },
    data() {
        return {
            maxLogo,
            minLogo
        };
    }
};
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
</style>